<template>
	<div class="ffffff mainpadding radius" style="width: 75%;">
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(1)">
			<div class="text_i color_zero">单选题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.choice1_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(2)">
			<div class="text_i color_zero">多选题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.choice2_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(3)">
			<div class="text_i color_zero">判断题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.judge_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(4)">
			<div class="text_i color_zero">连线题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.matching_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(5)">
			<div class="text_i color_zero">填空题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.fill_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
		<div class="contentBox flexbetween margin_bottom3 pointer" @click="goWrongList(6)">
			<div class="text_i color_zero">简答题</div>
			<div class="flexleft">
				<div class="text_i color_theme">{{dataAll.saq_num}}道</div>
				<i class="el-icon-arrow-right" style="color: #999999;"></i>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		wrongdata
	} from "@/API/examination"
	export default {
		data() {
			return {
				dataAll: {}
			}
		},
		created() {
			this.init()
		},
		methods: {
			async init() {
				let res=await wrongdata()
				this.dataAll = res.data.data;
			},
			goWrongList(type){
				this.$router.push({
					path:"/wrongQuestion",
					query:{
						type
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.contentBox {
		padding: 20px;
		border-radius: 10px 10px 10px 10px;
		border: 1px solid #EAEAEA;
	}
</style>